<template>
	<div class="container">
		<div class="content" :style="'padding-top: ' + (navigationBarHeight) + 'px;'">
			<listCard :list="list"></listCard>
		</div>
	</div>
</template>

<script>
	import data from '@/js/index/nearby/data.js';
	import methods from '@/js/index/nearby/methods.js';
	import {
		mapState
	} from 'vuex';
	import navigationBar from '../../components/nav.vue';
	import listCard from '@/components/list-card.vue';
	export default {
		data,
		methods,
		computed: {
			...mapState(['navigationBarHeight', 'userInfo']),
			bgHeight() {
				// #ifdef APP-PLUS
				return 250
				// #endif
				return this.navigationBarHeight + uni.upx2px(364);
			}
		},
		components: {
			navigationBar,
			listCard
		}
	};
</script>
<style scoped lang="scss">
	@import '~@/style/index/nearby.scss';
</style>